@import "normalize.css";
@import "image.css";
@import "text.css";
@import "table.css";
@import "cube.ui.css";


:root {
  --color-text: #666;
  --color-high-text: #0F9DE3;
  --color-tint: #1EACEA;
  --color-backgroungd: #fff;
  --color-bg-gray: #f6f6f6;
  --color-bg-grayer: #eeeeee;
  --color-divider: #f1f1f1;
  --color-divider-white: #fafafa;

  --html-size:63%;

  --font-size: 1.6rem;
  --font-small: 1.2rem;
  --font-title: 2.3rem;
  --font-sub-title: 2rem;
  --line-height: 1.8;

  --margin-normal: 1.6rem;
  --padding-normal: 1.6rem;
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

img {
  max-width: 99.99%;
}

html {
  font-size: calc(var(--html-size));
}

@media screen and (min-width: 650px) {
  html {
    font-size: calc(var(--html-size)*1.2);
  }
}

@media screen and (min-width: 1500px) {
  html {
    font-size: calc(var(--html-size)*1.2);
    background-color: var(--color-bg-gray);

  }
  body {
    padding: 0 25%;
  }
}


body {
  display: flex;
  flex-direction: column;
  font-size: var(--font-size);
  justify-content: center;
}
.bg-normal{
  background-color: var(--color-bg-gray);
}
.bg-normal-1{
  background-color: white;
}

.gi-divider-gray{
  width: 100%;
  height: 1px;
  line-height: 1px;
  background-color: lightgray;
}

